<template>
      <div class="system_list_wrap_alert" v-if="updateExe">
    <div class="system_list_wrap_alert_u">
      <img src="static/image/home/updateExe/update_new.png" />
      <div class="system_list_wrap_alert_u_c">
        <p>{{ "发现新版本" }}</p>
        <p>{{ "页面优化升级，操作体验更佳" }}</p>
        <p>{{ "立即升级体验吧~" }}</p>
      </div>
      <div class="system_list_wrap_but">
        <div class="system_list_wrap_alert_u_c_n">
          <div @click.stop.prevent="updateExeFn">{{ "马上升级" }}</div>
        </div>
        <div class="system_list_wrap_alert_u_c_n system_list_wrap_alert_u_c_n_color" v-show="delayUpdateExe">
          <div @click.stop.prevent="delayUpdateExeFn">
            {{ "5分钟后升级" }}
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
           
<script>
export default {
  props: ["updateExe"],
  data() {
    return {
      delayUpdateExe: true,
    };
  },
  methods: {
    delayUpdateExeFn() {
      //五分钟后提示升级
      this.delayUpdateExe = false;
      this.$emit("update:updateExe", false);
      //   this.updateExe = false;
      setTimeout(() => {
        this.$emit("update:updateExe", true);
        
        // this.updateExe = true;
      }, 5 * 60 * 1000);
      this.$shell("RefreshCheckUpdateTimer", []);
    },
    updateExeFn() {
      let res = this.$shell("ClientUpdate", []);
    },
  },
};
</script>
<style scoped lang="less">
.system_list_wrap_but {
  display: flex;
  justify-content: center;
}
</style>